<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js手表项目</title>
	<style>.box1{width: 280px;height: 280px;background: #000000; border-radius: 90%; color: #fff;
		text-align: center;
		}
       .cl3{
		   background:url(3.png) no-repeat;
		  background-size:50px 50px;
		  height:50px;
		  width:200px;
		   background-position: 110px;
		   }
         .cl2{
		   background:url(2.png) no-repeat;
		  background-size:50px 50px;
		  height:50px;
		  width:200px;
		   background-position: 110px;
		   }
		    .cl1{
		   background:url(1.png) no-repeat;
		  background-size:50px 50px;
		  height:50px;
		  width:200px;
		   background-position: 110px;
		   }
        
        
        
        </style>
</head>

<body>
	<div class="box1">
	<br><div id="r" class="cl3"></div>
	<h3>请保持静止</h3>
		<h3 id="e">3秒后开始跟随训练指导</h3>
		<h2>进行呼气和吸气</h2>
	</div>
	<script>
		var t=3;
		ti2();
		function ti2(){if(t===0){
			location.href="page1.html";
	}else{
	
		document.getElementById("e").innerHTML = t+"秒后开始跟随训练指导";
		  if(t===2){document.getElementById('r').className='cl2';}
		   else if(t===1){document.getElementById("r").className="cl1";}
			t--;
		 setTimeout("ti2()", 1000);}}
		
	</script>
</body>
</html>
